<template>
  <div id="page-masterIn">
    <topHeader :nobg='true' title=''>
      <template v-slot:left>
        <img src="static/image/public/i_back_white.png" alt="back_arrow" class="back-arrow">
      </template>
    </topHeader>
    <img src="static/image/masterIn/welcome.png" alt="大师入驻" class="img-title">
    <img src="static/image/masterIn/lucky.png" alt="image" class="lucky">
    <!-- 大师入驻标语 -->
    <div class="slogan">
      <p>我们已为百万用户提供命理服务如果您是周易资深从业者</p>
      <div class="list">
        <span>专业过硬</span>
        <span>来快易测</span>
        <span>助你实现名利双收！</span>
      </div>
    </div>
    <!-- 入驻方式 -->
    <div class="entry-mode">
      <p class="mode">入驻方式</p>
      <img src="static/image/masterIn/triangle.png" alt="arrow" class="arrow">
      <div class="wx-info">
        <img src="static/image/masterIn/wx.png" alt="wx picture" class="wx">
        <p class="wxnumber">798797988</p>
        <div class="btn_copyWx" @click="btn_copyWx"  data-clipboard-text="798797988" >
          <p class="copy">复制</p>
        </div>
      </div>
    </div>
    <div class="btn_jump" @click="btn_jumpWx()">
      <p>打开微信，去入驻</p>
    </div>
    <p class="footer">吉命文化</p>
  </div>
</template>
<script>
import tool from '@/assets/js/tool.js'
import topHeader from '@/components/topHeader'
export default {
  components: {
    topHeader
  },
  data:function(){
    return {}
  },
  created:function(){
    //设置沉浸式导航栏样式
    tool.setBarStyle('#FFD75D','light')
  },
  activated:function(){
    //设置沉浸式导航栏样式
    tool.setBarStyle('#FFD75D','light');
  },
  deactivated:function(){
    //设置沉浸式导航栏样式
    tool.setBarStyle('#fff','dark');
  },
  methods: {
    //复制微信号
    btn_copyWx() {
      tool.copyContent(this,'.btn_copyWx')
    },
    // 跳转微信
    btn_jumpWx() {
      window.location.href="weixin://"
    }
  }
}
</script>
<style lang="less"  >
  @import './index.less';
</style>
